.whole {
    width: 100%;
    max-width: 640px;
    min-width: 300px;
    height: 1000px;
    margin: 0 auto;
    position: relative;
    background: url("../images/back-01.jpg")no-repeat;
    overflow: hidden;
}
/*射灯*/
.whole .spotlight-l ,
.whole .spotlight-r{

    width: 100%;
    position: absolute;
    top:0;
    left: 0;
    transition: all 1s;

}
.whole .spotlight-l {

    transform-origin: left top;
    animation: run1 2s linear 0.5s  infinite;

}
.whole .spotlight-r {
    transform-origin: right top;
    animation: run 2s linear 0.5s  infinite;
}

.whole .spotlight-l  img,
.whole .spotlight-r img {
    width: 100%;
}

@keyframes run {
    0% {

    }
    50% {
        transform: rotate(-25deg);
    }
    100% {
        transform: rotate(0deg);
    }

}
@keyframes run1 {
    0% {

    }
    50% {
        transform: rotate(30deg);
    }
    100% {
        transform: rotate(0deg);
    }

}

/*射灯*/
/*旋转风车*/
.whole .windmill {
    width: 110px;
    height: 110px;
    position: absolute;
    z-index: 2;
    top:19px;
    right:46px;


}
@keyframes mill {
    0% {

    }

    100% {
        transform: rotate(360deg);
    }

}

.whole .windmill .windmill-one ,
.whole .windmill .windmill-two{
    position: absolute;

}
.whole .windmill .windmill-one {
    animation:mill 2s   linear infinite;
    /*transform-origin:  center;*/

}
.whole .windmill .windmill-two {
    top: 34px;
    left: 34px;
}
    /*旋转风车*/
.whole .login-box {
    /*width: 100%;*/
    max-width: 640px;
    min-width: 300px;
    position: absolute;
    top:30%;
}
.whole .login-box input {
    width: 84%;
    height: 97px;
    margin:0  20px 24px 20px;
    border-radius: 5px;
    background: #01121A;
    color: #737C81;
    font-size: 25px;
    font-family: "微软雅黑";
    padding-left: 20px;
}
 .whole .login-box input:nth-child(3){
    background:#A2263E;
     width: 84%;
     color: white;
     height: 107px;
     margin-left: 30px;
     padding-left: 0;

 }

.whole .login-box span {
    font-size: 30px;
    color: white;
    font-family: "微软雅黑";
    margin-left: 25%;
}